/* 原 css 样式 */
h3 {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  color: black;
}

body {
  margin: 0;
}

#app,
body,
html {
  width: 100%;
  height: 100%;
}

/* element-ui 样式 */
.el-table,
.el-pagination {
  margin-top: 20px;
}

.el-tabs__active-bar {
  background-color: red !important;
}

.el-tabs__item {
  color: #303133 !important;
}

.is-active {
  color: red !important;
}

.el-divider--horizontal {
  margin: 15px 0 !important;
}

.el-header {
  padding: 0 !important;
}

.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: none !important;
}

.el-pager > .active {
  background-color: #f383 !important;
}

.number:hover,
.el-icon-d-arrow-right,
.el-scrollbar__view > .selected,
.el-select-dropdown__list:hover {
  color: #f383 !important;
}

.el-input > .el-input__inner:hover {
  border: 1px solid #f383 !important;
}

.el-input > .el-input__inner:focus {
  border: 1px solid #f383 !important;
}

/* 骨架屏容器样式 */
.skeleton-container {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  width: 100%;
}

.skeleton-item {
  display: flex;
  flex-wrap: wrap;
  width: 30%;
  height: 240px;
}

.el-skeleton__image {
  width: 100% !important;
  height: 200px !important;
}

/* APlayer 样式 */
/* .aplayer-pic {
  width: 120px !important;
  height: 120px !important;
} */

/* 阴影盒样式 */
.globe-shadow-box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-shadow: 2px 2px 5px rgba(98, 95, 95, 0.5);
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  margin-top: 10px;
  background-color: rgb(250, 250, 250);
}

/* 单行文本溢出换为省咯号 */
.globe-overflow-text {
  font-size: 14px;
  width: 94%;
  padding: 5px 3%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 背景动效 */
.globe-shadow-box:hover {
  animation: ani 3s infinite;
  transform: translateY(-5px);
  transition: all 0.3s;
}

@keyframes ani {
  from {
    box-shadow: 2px 2px 5px rgba(98, 95, 95, 0.5);
  }

  50% {
    box-shadow: 2px 2px 20px black;
  }
  to {
    box-shadow: 2px 2px 5px rgba(98, 95, 95, 0.5);
  }
}
